<html lang="CN" xmlns="">
<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,shrink-to-fit=no"
        name="viewport"/>
  <title>
    SUBWAY
  </title>
  <link rel="stylesheet" type="text/css" href="css/Main-StyleType.css">
  <link rel="icon" href="pic/face4.png">   <!--icon-->
  <link rel="stylesheet" href="css/line-animation.css">
  <link href="css/css2.css" rel="stylesheet">
  <link href="css/all.min.css" rel="stylesheet">
  <link href="css/bootstrap-icons.css" rel="stylesheet">
  <link href="css/owl.carousel.min.css" rel="stylesheet">
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
  <link rel="stylesheet" href="css/OpenAnimation.css">


  <link rel="stylesheet" href="css/circle.css">
  <style>
    .text-5-1{
      width: calc(15vh) !important;
      font-size: 14px;
    }
    .right-5-1{
      position: absolute;
      right: calc(15vh);
      top: calc(1.9vh);
    }
  </style>

</head>

<body>
<!--<div>-->
<!--    <a style="z-index: 999999" type="button" onclick="plus_()">点此更换城市</a>-->
<!--</div>-->
<div style="z-index: 9999999" class="navbar">
  <input type="checkbox">
  <span></span>
  <span></span>
  <ul>
    <li><a href="javascript:beijing()">北京</a></li>
    <li><a href="javascript:shanghai()">上海</a></li>
    <li><a href="javascript:guangzhou()">广州</a></li>
    <li><a href="javascript:shenzhen()">深圳</a></li>
    <li><a href="javascript:harbin()">哈尔滨</a></li>
  </ul>
</div>
<!--<div class="demo1 topic-1">-->
<!--    <span><img class="pic-5 left-5" src="pic/face1.png" alt="image"></span>-->
<!--    <span class="text-secondary-2 font-size50"><strong>TrumpeT's</strong></span>-->





<!--&lt;!&ndash;            <label for="select__">更换城市：</label>&ndash;&gt;-->
<!--&lt;!&ndash;<select id="select__">&ndash;&gt;-->
<!--&lt;!&ndash;    <option>北京</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>长沙</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option href="http://localhost:8080/demo_war/subway__.html">广州</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <script>&ndash;&gt;-->
<!--&lt;!&ndash;        function guangzhou(){&ndash;&gt;-->
<!--&lt;!&ndash;            window.location.href = "http://localhost:8080/demo_war/subway__.html"&ndash;&gt;-->
<!--&lt;!&ndash;        }&ndash;&gt;-->
<!--&lt;!&ndash;    </script>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>深圳</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>佛山</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>东莞</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>南宁</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>重庆</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>成都</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>昆明</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>西安</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>香港</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>武汉</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>天津</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>石家庄</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>沈阳</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>大连</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>长春</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>哈尔滨</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>上海</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>南京</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>无锡</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>苏州</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>杭州</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>宁波</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>合肥</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>福州</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>南昌</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>青岛</option>&ndash;&gt;-->
<!--&lt;!&ndash;    <option>郑州</option>&ndash;&gt;-->
<!--&lt;!&ndash;</select>&ndash;&gt;-->



<!--    <span>-->
<!--            <img class="pic-5 right-5" src="pic/face2.png" alt="image">-->
<!--    </span>-->

<!--    <div id="panel" style="margin-top: calc(9vh)"></div>-->
<!--</div>-->

<div id="mysubway">
</div>

<script src="https://webapi.amap.com/subway?v=1.0&key=d41a5d70ceb946e585894ff8ba80799e&callback=cbk">
</script>

<script type="text/javascript">

  function shanghai(){
    window.location.href = "http://localhost:8080/demo_war/subway__.html";
  }
  function beijing(){
    window.location.href = "http://localhost:8080/demo_war/subway.html";
  }
  function guangzhou(){
    window.location.href = "http://localhost:8080/demo_war/subway_guanzhou.html";
  }
  function shenzhen(){
    window.location.href = "http://localhost:8080/demo_war/subway_shenzhen.html";
  }
  function harbin(){
    window.location.href = "http://localhost:8080/demo_war/subway_harbin.html";
  }
  // 北京 1100
  // 长沙 4301
  // 广州 4401
  // 深圳 4403
  // 佛山 4406
  // 东莞 4419
  // 南宁 4501
  // 重庆 5000
  // 成都 5101
  // 昆明 5301
  // 西安 6101
  // 香港 8100
  // 武汉 4201
  // 天津 1200
  // 石家庄 1301
  // 沈阳 2101
  // 大连 2102
  // 长春 2201
  // 哈尔滨 2301
  // 上海 3100
  // 南京 3201
  // 无锡 3202
  // 苏州 3205
  // 杭州 3301
  // 宁波 3302
  // 合肥 3401
  // 福州 3501
  // 南昌 3601
  // 青岛 3702
  // 郑州 4101
  // const info = document.getElementById("mysubway");
  // document.createElement("div").append(document.)


  window.cbk = function () {
    const mysubway = subway("mysubway", {adcode: 4401, easy: 1});
  };
  // var i = 0;
  // function plus_(){
  //     var adCodeList = [1100,1200,1301,2101,2102,2201,2301,3100,3201,3202,3205,3301,3302,
  //         3401,3501,3601,3702,4101,4201,4301,4401,4403,4406,4419,4501,5000,5101,5301,6101,8100]
  //
  //     i++;
  //     console.log(adCodeList[i]);
  //     window.cbk = function () {
  //         const mysubway = subway("mysubway", {adcode: adCodeList[i], easy: 1});
  //     };
  // }


  const adCodeList = [1100, 1200, 1301, 2101, 2102, 2201, 2301, 3100, 3201, 3202, 3205, 3301, 3302,
    3401, 3501, 3601, 3702, 4101, 4201, 4301, 4401, 4403, 4406, 4419, 4501, 5000, 5101, 5301, 6101, 8100];

  // window.cbk = function () {
  //     const mysubway = subway("mysubway", {adcode: adCodeList[_], easy: 1});
  // };

  // for (var i = 0; i<adCodeList.length; i++){
  //     window.cbk = function () {
  //         const mysubway = subway("mysubway", {adcode: adCodeList[i], easy: 1});
  //     };
  // }

</script>
</body>
</html>